<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/simple.css"/>
		<title>BIGBLOG</title>
		<style type="text/css">
			#logo-area {
				background-color:#1E1E1E;
				width:100%;
				height:100px;
				line-height:100px;
			}
			#main-area {
				width:1000px;
				min-height:600px;
				margin:30px auto;
			}
			#notice-lan {
				width:230px;
				min-height:300px;
				margin:0 10px;
			}
			#content-lan {
				width:730px;
				min-height:600px;
				margin:0 10px;
				padding:0 10px;
			}
			.btn-lan {
				margin:0 0 20px;
				padding:0;
				display:block;
				height:100px;
			}
			.btn-lan .btn {
				width:114px;
				height:100px;
				line-height:100px;
				margin:0 5px;
				display:block;
				float:left;
				cursor:pointer;
				text-align:center;
			}
			.btn-lan .btn:hover {
				background-color:#FFEEFF;
			}
			.blog-width {
				margin:10px 0 0 126px;
			}
			.shadow {
				box-shadow: 0px 0px 3px 1px #DDDDDD;
				border-radius: 5px;
                padding: 5px 10px;
			}
		</style>
	</head>
	<body>
		<div id="logo-area" class="blk"></div>
		<div id="main-area" class="blk">
			<div id="notice-lan" class="fr blk lan">
				<div class="shadow bg1" style="height:200px"></div>
			</div>
			<div id="content-lan" class="blk lan bg2">
				<div class="btn-lan" class="blk lan bg3">
					<div class="btn shadow">avatar</div>
					<div class="btn shadow">a</div>
					<div class="btn shadow">a</div>
					<div class="btn shadow">a</div>
					<div class="btn shadow">a</div>
				</div>
			</div>
		</div>

		<div style="display:none" id="blog-template">
		</div>

		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/big-blog.min.js"></script>
        <!--
		<script type="text/javascript" src="js/ns.js"></script>
		<script type="text/javascript" src="js/util.js"></script>
        -->

		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){ ns('index').initialize(); });
		</script>
	</body>
</html>

